<template>
	<div class="apply_safe_manage">
		<el-tabs class="custom_top" v-model="activeName">
			<el-tab-pane label="账号自动冻结设置" name="frozenSet"></el-tab-pane>
			<el-tab-pane label="账号冻结记录" name="frozenList"></el-tab-pane>
			<el-tab-pane label="访问限制" name="restrictions"></el-tab-pane>
		</el-tabs>
		<component :is="activeName"></component>
	</div>
</template>

<script>
	import frozenSet from './frozenSet/index';
	import frozenList from './frozenList/index';
	import restrictions from './blackWhite/index';
	export default {
		components: { frozenSet, frozenList, restrictions },
		data() {
			return {
				activeName: 'frozenSet'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.apply_safe_manage {
		display: flex;
		flex-direction: column;
		height: 100%;
		background-color: #fff;
	}
</style>